<div class="modal-header">
  <h3 class="modal-title">Mechanic</h3>
</div>
<div class="modal-body">
  <div class="row">
    <div class="col-xs-6">
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[0]">
        <small>0 CHARM</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[1]">
        <small>1 DISORIENTED</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[2]">
        <small>2 DISARM</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[3]">
        <small>3 DISTRACT</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[4]">
        <small>4 FEAR</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[5]">
        <small>5 GRIP</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[6]">
        <small>6 ROOT</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[7]">
        <small>7 PACIFY</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[8]">
        <small>8 SILENCE</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[9]">
        <small>9 SLEEP</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[10]">
        <small>10 SNARE</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[11]">
        <small>11 STUN</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[12]">
        <small>12 FREEZE</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[13]">
        <small>13 KNOCKOUT</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[14]">
        <small>14 BLEED</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[15]">
        <small>15 BANDAGE</small>
      </label>
    </div>
    <div class="col-xs-6">
      <label class="checkbox" >
        <input type="checkbox" class="input-xs" ng-model="values[16]">
        <small>16 POLYMORPH</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[17]">
        <small>17 BANISH</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[18]">
        <small>18 SHIELD</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[19]">
        <small>19 SHACKLE</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[20]">
        <small>20 MOUNT</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[21]">
        <small>21 INFECTED</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[22]">
        <small>22 TURN</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[23]">
        <small>23 HORROR</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[24]">
        <small>24 INVULNERABILITY</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[25]">
        <small>25 INTERRUPT</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[26]">
        <small>26 DAZE</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[27]">
        <small>27 DISCOVERY</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[28]">
        <small>28 IMMUNE_SHIELD</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[29]">
        <small>29 SAPPED</small>
      </label>
      <label class="checkbox">
        <input type="checkbox" class="input-xs" ng-model="values[30]">
        <small>30 ENRAGED</small>
      </label>
    </div>
  </div>
</div>
<div class="modal-footer">
  <button class="btn btn-primary" ng-click="modalOk()">OK</button>
  <button class="btn btn-danger" ng-click="modalCancel()">Cancel</button>
</div>
